<!DOCTYPE html>
<html>
<head>
		<script>
			var dpr = window.devicePixelRatio;
			    document.write('<meta name="viewport" content="width=device-width, initial-scale=' + 1 / dpr + ',user-scalable=no">')
		</script>
		<script>
			var html = document.querySelector("html");
			    html.style.fontSize = html.offsetWidth / 640 * 100 + "px";
			    addEventListener("resize", function () {
			        html.style.fontSize = html.offsetWidth / 640 * 100 + "px";
			    }, false);
		</script>
		<meta charset="UTF-8">
		<link rel="stylesheet" href="css/main.css" />
		<link rel="stylesheet" type="text/css" href="font/iconfont.css"/>
		
		<script src="js/zepto.js"></script>
		<script src="js/event.js"></script>
		<script src="js/touch.js"></script>
		<script src="js/fx.js"></script>
		<script src="js/fx_methods.js"></script>
		<title>足球圈</title>
	</head>

	<body>
		<!--高翔的开头，首页-->

                     <div class="gx_container1Nav">
                            <div class="footballLive hnav">足球现场</div>
                            <div class="footballLife hnav">足球生活</div>
                            <div class="footballGirl hnav">足球美女</div>
                      </div>
                     <div class="index_box">
                     <div class="box1">
                     	<div class="gx_section1 gaoxiang">
	                         <div class="gx_block marginRight">
	                            <img src="img/IMG_0606.jpg" alt="">
	                            <div class="word">多想和你一样臭不要脸</div>
	                         </div>
	                           
	                           <div class="gx_block">
	                              <img src="img/IMG_0606.jpg" alt="">
	                              <div class="word">别把我和他们扯在一起</div>
	                            </div>
	                            <div class="gx_block marginRight">
	                             <img src="img/IMG_0606.jpg" alt="">
	                             <div class="word">多想和你一样臭不要脸</div>
	                         </div>
	                           
	                           <div class="gx_block">
	                              <img src="img/IMG_0606.jpg" alt="">
	                              <div class="word">别把我和他们扯在一起</div>
	                            </div>
	                            <div class="gx_block marginRight">
	                             <img src="img/IMG_0606.jpg" alt="">
	                             <div class="word">多想和你一样臭不要脸</div>
	                         </div>
	                           
	                           <div class="gx_block">
	                              <img src="img/IMG_0606.jpg" alt="">
	                              <div class="word">别把我和他们扯在一起</div>
	                            </div>
	                            <div class="gx_block marginRight">
	                            <img src="img/IMG_0606.jpg" alt="">
	                            <div class="word">多想和你一样臭不要脸</div>
	                         </div>
	                           
	                           <div class="gx_block">
	                              <img src="img/IMG_0606.jpg" alt="">
	                              <div class="word">别把我和他们扯在一起</div>
	                            </div>
	                            <div class="gx_block marginRight">
	                            <img src="img/IMG_0606.jpg" alt="">
	                            <div class="word">多想和你一样臭不要脸</div>
	                         </div>
	                           
	                           <div class="gx_block">
	                              <img src="img/IMG_0606.jpg" alt="">
	                              <div class="word">别把我和他们扯在一起</div>
	                            </div>
                      </div>
                   
                      
                      <div class="container2 gaoxiang">
			             <div class="left">
			             	<div class="box">
			             		<img src="img/bs.jpg"/>
			             		<p class="ms">顶顶顶顶所</p>
			             	</div>
			             	<div class="box">
			             		<img src="img/bs.jpg"/>
			             		<p class="ms">顶顶顶顶所凤飞飞凤飞飞付斤斤计较</p>
			             	</div>
			             	<div class="box">
			             		<img src="img/bs.jpg"/>
			             		<p class="ms">顶顶顶顶所日否认他个人通过沟通沟通沟通</p>
			             	</div>
			             	<div class="box">
			             		<img src="img/bs.jpg"/>
			             		<p class="ms">顶顶顶顶所对对对对对对多对对对得当</p>
			             	</div>
			             	<div class="box">
			             		<img src="img/bs.jpg"/>
			             		<p class="ms">顶顶顶顶所对对对对对对多对对对得当</p>
			             	</div>
			             	<div class="box">
			             		<img src="img/bs.jpg"/>
			             		<p class="ms">顶顶顶顶所对对对对对对多对对对得当</p>
			             	</div>
			               </div>
			               <div class="right">
			             	<div class="box">
			             		<img src="img/bs.jpg"/>
			             		<p class="ms">顶顶顶顶所凤飞飞凤飞飞付付付付付</p>
			             	</div>
			             	<div class="box">
			             		<img src="img/bs.jpg"/>
			             		<p class="ms">顶顶顶顶所凤飞飞凤飞飞付斤斤计较</p>
			             	</div>
			             	<div class="box">
			             		<img src="img/bs.jpg"/>
			             		<p class="ms">顶顶顶顶所日否认他个人通过沟通沟通沟通</p>
			             	</div>
			             	<div class="box">
			             		<img src="img/bs.jpg"/>
			             		<p class="ms">顶顶顶顶所对对对对对对多对对对得当</p>
			             	</div>
			             	<div class="box">
			             		<img src="img/bs.jpg"/>
			             		<p class="ms">顶顶顶顶所对对对对对对多对对对得当</p>
			             	</div>
                      </div>
                    </div>  
                    
                       <div class="gx_section3 gaoxiang">
	                         <div class="gx_block marginRight">
	                            <img src="img/zuqiu.jpg" alt="">
	                            <div class="word">多想和你一样臭不要脸</div>
	                         </div>
	                           
	                           <div class="gx_block">
	                              <img src="img/girl1.jpg" alt="">
	                              <div class="word">别把我和他们扯在一起</div>
	                            </div>
	                         <div class="gx_block marginRight">
	                            <img src="img/zuqiu.jpg" alt="">
	                            <div class="word">多想和你一样臭不要脸</div>
	                         </div>
	                           
	                           <div class="gx_block">
	                              <img src="img/girl1.jpg" alt="">
	                              <div class="word">别把我和他们扯在一起</div>
	                            </div>
	                            <div class="gx_block marginRight">
	                            <img src="img/zuqiu.jpg" alt="">
	                            <div class="word">多想和你一样臭不要脸</div>
	                         </div>
	                           
	                           <div class="gx_block">
	                              <img src="img/girl1.jpg" alt="">
	                              <div class="word">别把我和他们扯在一起</div>
	                            </div>
	                           <div class="gx_block marginRight">
	                            <img src="img/zuqiu.jpg" alt="">
	                            <div class="word">多想和你一样臭不要脸</div>
	                         </div>
	                           
	                           <div class="gx_block">
	                              <img src="img/girl1.jpg" alt="">
	                              <div class="word">别把我和他们扯在一起</div>
	                            </div>
	                            <div class="gx_block marginRight">
	                            <img src="img/zuqiu.jpg" alt="">
	                            <div class="word">多想和你一样臭不要脸</div>
	                         </div>
	                           
	                           <div class="gx_block">
	                              <img src="img/girl1.jpg" alt="">
	                              <div class="word">别把我和他们扯在一起</div>
	                            </div>
                      </div>
                     </div>
                     	
                     <div class="gx_friend">
                          <div class="gx_friendCircle gx_marginTop">
                               <div class="gx_friendName">
                                   <div class="gx_left"><img src="img/745814159582655802.jpg" alt=""></div>
                                   <div class="gx_middle">
                                       <p class="first">我是爸爸啊</p>
                                       <p class="second">多想和你一样臭不要脸</p>
                                   </div>
                                   <div class="gx_right">
                                       <i class="iconfont">333333</i>
                                   </div>
             
                               </div>
                               <div class="gx_friendPhoto">
                                   <img src="img/111078033992145304.jpg" alt="">
                               </div>
                               <div class="gx_friendWord">我遇到了一大堆奇怪的人，他们看上去好像都比我开心。</div>
                          </div>
                          <div class="gx_friendCircle gx_marginBottom">
                               <div class="gx_friendName">
                                   <div class="gx_left"><img src="img/745814159582655802.jpg" alt=""></div>
                                   <div class="gx_middle">
                                       <p class="first">我是爸爸啊</p>
                                       <p class="second">多想和你一样臭不要脸</p>
                                   </div>
                                   <div class="gx_right">
                                   	<i>333333</i>
                                   </div>

                               </div>
                               <div class="gx_friendPhoto">
                                   <img src="img/111078033992145304.jpg" alt="">
                               </div>
                               <div class="gx_friendWord">我遇到了一大堆奇怪的人，他们看上去好像都比我开心。</div>
                          </div>
                      </div>
                      
                  </div>
          
                      

		<!--高翔的结束地方-->
		<!--刘艳艳的开头，首页-->
		<div class="lefthide">
			<div class="hPhoto">
				<img src="img/tx.jpg" id="leftTou"/>
			</div>
			<div class="name">
					萌萌哒小妖精
			</div>
			<p class="sign">这个家伙很懒，什么都没留下...</p>
			<p class="flive kind">足球现场</p>
			<p class="flife kind">足球生活</p>
			<p class="fgirl kind">足球美女</p>
		</div>
		<div class="leftmask">
			
		</div>
		<!--左侧隐藏部分-->
           <div class="publicTop">
           	<span class="iconfont leftmenu"></span>
           	<div class="topMiddle">
           	   <span id="news">热点</span>
           	   <span id="focus">关注</span>
           	</div>
           	<div class="topMiddle1">发现</div>
           </div>
           <!--头部-->
           
           
<div class="mine">
                  	<div class="gx_photoCut">
                        <div class="gx_photoTop">
                               <div class="mask2"></div>
                               <div class="mask1"></div>
                               <!--<div class="gx_photoImg">
                                      <img src="img/221290645463968970.jpg" alt="">
                               </div>-->
                               <div class="gx_photoWord">
                                        <div class="buttonFirst">确认裁剪</div>
                                        <div class="giveUp">放弃重来</div>
                               </div>
                           </div>
                           <div class="gx_photoBottom">
                               <img src="" alt="" id="gy" class="gx_photoView">
                               <a class="gx_photoSubmit" href="javascript:void(0)">提     交</a>
                           </div>

                        </div> 
                        <div class="container8">
					           	<div class="grjs">
					           		<div class="grtx">
					           			
					           		</div>
					           		<div class="jsr">
					           			<p class="jsn">我是小萌</p>
					           			<p class="jss">我是小萌我怕谁！哈哈哈哈！！！！</p>
					           		</div>
					           	</div>
					           	<div class="nav">
					           		<span class="act">照片（1）</span>
					           		<span>关注（3）</span>
					           		<span class="last">粉丝（8）</span>
					           	</div>
					           	<div class="photos">
					           		<img src="img/tx.jpg"/>
					           	</div>
					           </div>
                    
                  </div>

		

          
		<!--李迎宾开始地方-->
		<div class="container3">
			<form action="">
				<input type="text" class="search" id="text" placeholder="请输入您的昵称" />
				<input type="button" class="btn" id="btn" value="搜索" />
				
			</form>
			<ul class="display" id="display">
				</ul>
			<div class="color"></div>
			<div class="attention" id="attention">
				<div class="left">
							<div class="pic"><img src="img/cnt3logo.jpg"/></div>
							<span class="name">萌小萌</span>
							<span class="subject">我是萌小萌我怕谁</span>
					</div>
					<div class="right">
						关注
					</div>
			</div>
			<div class="attention" id="attention">
				<div class="left">
							<div class="pic"><img src="img/cnt3logo.jpg"/></div>
							<span class="name">萌小萌</span>
							<span class="subject">我是萌小萌我怕谁</span>
					</div>
					<div class="right">
						关注
					</div>
					<div class="mask"></div>
					
<!--登录页面-->
					<div class="login">
						<div class="exit">&times;</div>
						<div class="login-top">登录</div>
						<div class="login-bottom">
							<input class="login-phone" placeholder="手机号">
								<span class="uesrname-error">您输入的用户名不正确！！</span>
							<input class="login-password" placeholder="密码">
								<span class="password-error">您输入的密码不正确！！</span>
							<div class="no-id">还没有账号？点击此处立即<a href="#">注册</a></div>
							<button class="btn">提交</button>
						</div>
					</div>
					
	<!--注册页面部分内容-->
					<div class="register">
						<div class="register-top">
							<span class="exit">取消</span>
							<span class="ensure">确定</span>
						</div>
						<div class="register-bottom">
							<input class="register-phone" placeholder="手机号">
								<span class="phone-error">您输入的号码不正确！！</span>
							<input class="register-password" placeholder="密码">
								<span class="pwd-error">请您输入6-18位的组合密码！！</span>
							<input class="register-name" placeholder="昵称">	
								<span class="null-error">昵称不能为空</span>
						</div>
					</div>
			</div>	
		<div class="color1"></div>						
		</div>
		<!--底部内容-->
		<footer class="footer">
			<div class="left">
				<div class="font1">
					<span class="iconfont icon1"></span>
					<i>首页</i>
				</div>
				<div class="font2">
					<span class="iconfont icon1"></span>
					<i>发现</i>
				</div>
			
			</div>
			<div class="center">
				<span class="iconfont icon1"></span>
			</div>
			<div class="right">
				<div class="font1">
					<span class="iconfont icon1"></span>
					<i>我的</i>
				</div>
				<div class="font2">
					<span class="iconfont icon1"></span>
					<i>退出</i>
				</div>
			</div>
		</footer>
		<!--李迎宾结束地方-->
	</body>
<script src="js/main.js"></script>
</html>